<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>中兴开放平台</title>
		<link rel="icon" href="img/ZX.ico" type="image/x-icon">
		<link rel="favicon" href="img/ZX.ico" type="image/x-icon">
		<meta name="keywords" content="中兴,开放平台" />
		<meta name="description" content="中兴开放平台" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
		</style>
		<body>
			<!--导航栏-->
			<nav class="navbar navbar-default navbar-static-top navbar-lk">
				<div class="container">
					<div class="navbar-header col-md-3">
						<a class="navbar-brand" href="#">
							<img src="img/ZX2.png" alt="南京-中兴" width="180" height="45">
						</a>
					</div>

					<div class="collapse navbar-collapse col-md-9">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="#">首页 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</li>
							<li>
								<a href="#">开发文档 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</li>
							<li>
								<a href="#">下载 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</li>
							<li >
								<a href="help.html">帮助中心 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>

			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<img src="img/ZX_index_middle.jpg" />
					</div>
					<div class="col-md-4">
						<h2>Cool, Green, Open 中兴</h2>
						<form method="post" action="#">
							<label for="user" stype="display:inline;">账户：</label>
							<input type="text" class="form-control" id="user" style="display:inline;width:200px;" autocomplete="off" placeholder="无需注册，直接登录" /></br>
							</br>
							<label for="password" style="display:inline;">密码：</label>
							<input type="text" class="form-control" id="password" style="display:inline;width:200px;" autocomplete="off" placeholder="无需注册，直接登录" /></br>
							</br>
							<input class="captcha" id="p-loginForm-captcha" name="captcha" type="text" placeholder="请输入验证码" autocomplete="off" />
							<!-- 验证码来自易信 -->
							<img id="u-captcha" src="http://open.yixin.im/captcha/refresh" /></br>
							</br>
							<label><input id="p-loginForm-rememberMe" name="rememberMe" type="checkbox" autoComplete="off" value="true"/>记住帐号</label>
							<span class="link"><a href="#">忘记密码？</a></span></br>
							</br>
							<button type="submit" class="btn btn-primary">登录&nbsp;&nbsp;</button>
							<button type="submit" class="btn btn-primary">注册</button>
						</form>
					</div>
				</div>
			</div>
			</br>
			</br>
			</br>
			</br>
			<font style="text-align: center;">
				<h1>警务应用安全接入</h1></font>
			</br>
			</br>
			</br>
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<a href="#"><img src="img/download.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;开发包下载</h4></font>
					</div>
					<div class="col-md-3">
						<a href="#"><img src="img/file.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;二次开发指导文档</h4></font>
					</div>
					<div class="col-md-3">
						<a href="#"><img src="img/code.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;demo样例及源码</h4></font>
					</div>
					<div class="col-md-3">
						<a href="#"><img src="img/question.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常见问题</h4></font>
					</div>
				</div>
			</div>
			</br>
			</br>
			</br>
			</br>

			<font style="text-align: center;">
				<h1>警务公众号消息推送</h1></font>
			</br>
			</br>
			</br>
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<a href="#"><img src="img/WeChat.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公众号申请方法</h4></font>
					</div>
					<div class="col-md-1"></div>
					<div class="col-md-1"></div>
					<div class="col-md-3">
						<a href="#"><img src="img/developer.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;消息推送开发者手册</h4></font>
					</div>
					<div class="col-md-1"></div>
					<div class="col-md-2">
						<a href="#"><img src="img/question.png" /></a>
						</br>
						</br>
						<font>
							<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常见问题</h4></font>
					</div>
				</div>
			</div>
			</br>
			</br>

			<div class="container" style="background-image: url(img/black.jpg);">
				<div class="row" style="padding-top: 20px;">
					<div class="col-md-2">
						<font style="text-align: center; color: white;">
							<h4>联系我们!!</h4></font>
					</div>
					<div class="col-md-4">
						<font style="text-align: center; color: white;">
							<h4>厂家:中兴通讯股份有限公司</h4></font>
						<font style="text-align: center; color: white;">
							<h4>甲方:中兴通讯股份有限公司</h4></font>
						<font style="text-align: center; color: white;">
							<h4>Tel:400-123-123</h4></font>
						<font style="text-align: center; color: white;">
							<h4>Mail:123456@hotmail.com</h4></font>
						<font style="text-align: center; color: white;">
							<h4>Manager:Mr.Ding</h4></font>
					</div>
					<div class="col-md-6">
						<div class="col-md-4">
							<font style="color: white;">
								<h4>微信公众号</h4></font>
						</div>
						<div class="col-md-8">
							<img src="img/QR_Code.png" width="80px"/>
						</div>
					</div>
				</div>
			</div>

		</body>

</html>